<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import rankView from './components/rankView.vue'
</script>

<template>
  <!-- <img alt="Vue logo" src="./assets/logo.png" /> -->
  <rankView msg="Hello Vue 3 + Vite" />
</template>

<style >
	@import url("./assets/styles.css");
	@font-face {
		font-family: 'impact';
		src: url('./assets/impact-2.tff');
	}
	*{
		margin:0;
		padding:0;
		box-sizing: border-box;
		font-family: 'impact';
	}
	img{
		display: block;
	}
body{
	overflow: hidden;
	background:transparent;
	  /* background: url(/src/assets/bg.jpg)no-repeat center;
	  background-size: 100%;
	  overflow: hidden;
	  -webkit-background-size:100%;
	   -o-background-size:100%;
	    -moz-background-size:100%; */
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;

  /* margin-top: 60px; */
}
</style>
